<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="index.css" type="text/css">
</head>
<body>
  <header>
      <h1>新浪导航页</h1>
  </header>
  <section class="main">
      <div class="center-nav">
          <ul>
              <li class="item"><img src="./imags/f58.png" alt=""/><br/>百度</li>
              <li class="item"><img src="./imags/fwangyi.png" alt=""/><br/>网易</li>
              <li class="item"><img src="./imags/fsina.png" alt=""/><br/>新浪</li>
              <li class="item"><img src="./imags/ftaobao.png" alt=""/><br/>爱淘宝</li>
              <li class="item"><img src="./imags/f58.png" alt=""/><br/>天猫</li>
              <div class="clear" style="clear: both"></div>
          </ul>
      </div>
      <div class="urls-nav">
          <ul class="urls">
              <li class="url sort"><a href="#">新闻</a></li>
              <li class="url"><a href="#">房产咨询</a></li>
              <li class="url"><a href="#">新浪</a></li>
              <li class="url"><a href="#">网易</a></li>
              <li class="url"><a href="#">腾讯</a></li>
              <div class="clear" style="clear: both"></div>
          </ul>
          <ul class="urls">
              <li class="url sort"><a href="#">财经</a></li>
              <li class="url"><a href="#">东方</a></li>
              <li class="url"><a href="#">和讯</a></li>
              <li class="url"><a href="#">新浪</a></li>
              <li class="url"><a href="#">凤凰</a></li>
              <div class="clear" style="clear: both"></div>
          </ul>
          <ul class="urls">
              <li class="url sort"><a href="#">汽车</a></li>
              <li class="url"><a href="#">二手车</a></li>
              <li class="url"><a href="#">新浪汽车</a></li>
              <li class="url"><a href="#">汽车之家</a></li>
              <li class="url"><a href="#">太平洋</a></li>
              <div class="clear" style="clear: both"></div>
          </ul>
      </div>
  </section>
  <footer>
      <div class="footer-nav">
          <ul class="footer-nav-urls">
              <li><a href="#">首页</a></li>
              <li><a href="#">新闻</a></li>
              <li><a href="#">体育</a></li>
              <li><a href="#">娱乐</a></li>
              <li><a href="#">导航</a></li>
              <div class="clear" style="clear: both"></div>
          </ul>
      </div>
      <p>
          -合作<br/>
          copyright&copyright 2016 sina.com
      </p>
  </footer>
</body>
</html>